/* line 1, ../sass/style.scss */
/* line 2, ../sass/style.scss */
.clear {
  clear: both;
}

/* line 3, ../sass/style.scss */
.selector input {
  margin: 0px !important;
}

/* line 2, ../sass/style.scss */
/* line 5, ../sass/style.scss */
.mgTB {
  margin-top: 50px !important;
}

/* line 3, ../sass/style.scss */
/* line 8, ../sass/style.scss */
body {
  background-color: #E6E6E6;
  font-family: Georgia;
  font-size: 19px;
  font-style: italic;
  color: #4D4D4D;
  text-align: justify;
}

/* line 4, ../sass/style.scss */
/* line 11, ../sass/style.scss */
.outer-wrapper {
  width: 100%;
  position: relative;
  min-height: 400px;
  margin: 30px auto;
  background-color: #EFEBE2;
  padding: 15px;
  -moz-box-shadow: 6px 6px 6px 1px #cccccc;
  -webkit-box-shadow: 6px 6px 6px 1px #cccccc;
  box-shadow: 6px 6px 6px 1px #cccccc;
}

/*SELLO CONTRATO*/
/* line 17, ../sass/style.scss */
/* line 25, ../sass/style.scss */
.sello-contrato {
  width: 158px;
  height: 240px;
  position: absolute;
  top: -30px;
  right: 0px;
  background-image: url("../images/sello.png");
}

/* line 26, ../sass/style.scss */
/* line 35, ../sass/style.scss */
.border-wrapper {
  border: 1px solid white;
  margin: 0px auto;
  height: 100%;
  padding: 50px;
  -moz-box-shadow: 0px 0px 0px 1px #cccccc;
  -webkit-box-shadow: 0px 0px 0px 1px #cccccc;
  box-shadow: 0px 0px 0px 1px #cccccc;
}

/* line 36, ../sass/style.scss */
/* line 46, ../sass/style.scss */
.header-wrapper {
  text-align: center;
}

/* line 37, ../sass/style.scss */
/* line 51, ../sass/style.scss */
.header-wrapper img {
  margin: 30px auto;
}

/* line 41, ../sass/style.scss */
/* line 56, ../sass/style.scss */
p {
  font-size: 19px;
  font-style: italic;
  color: #4D4D4D;
  text-align: justify;
}

/* line 42, ../sass/style.scss */
/* line 64, ../sass/style.scss */
p span.verde {
  color: #609596;
}

/* line 43, ../sass/style.scss */
/* line 69, ../sass/style.scss */
p span.rojo {
  color: #A90001;
}

/* line 45, ../sass/style.scss */
/* line 74, ../sass/style.scss */
.lineachica {
  width: 100%;
  border-top: 1px solid white;
  border-bottom: 1px solid #cecec2;
}

/*FORMULARIO CONTRATO*/
/* line 53, ../sass/style.scss */
/* line 82, ../sass/style.scss */
#contrato-form input {
  font-family: Georgia;
  font-size: 17px;
  font-style: italic;
  color: #666;
  background: none;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
  border-bottom: 1px dashed gray;
}

/* line 66, ../sass/style.scss */
/* line 97, ../sass/style.scss */
.agregarInputs {
  margin: 20px 0px;
}

/* line 67, ../sass/style.scss */
/* line 102, ../sass/style.scss */
.agregarInputs a {
  color: #A90001;
  font-size: 19px;
  font-style: italic;
}

/* line 110, ../sass/style.scss */
.aceite-icon {
  background-image: url("../images/categorias/aceite.png");
}

/* line 110, ../sass/style.scss */
.aluminio-icon {
  background-image: url("../images/categorias/aluminio.png");
}

/* line 110, ../sass/style.scss */
.carton-y-papel-icon {
  background-image: url("../images/categorias/carton-y-papel.png");
}

/* line 110, ../sass/style.scss */
.plastico-icon {
  background-image: url("../images/categorias/plastico.png");
}

/* line 110, ../sass/style.scss */
.tetra-icon {
  background-image: url("../images/categorias/tetra.png");
}

/* line 110, ../sass/style.scss */
.vidrio-icon {
  background-image: url("../images/categorias/vidrio.png");
}

/* line 115, ../sass/style.scss */
.caja-icono-categoria {
  width: 170px;
  height: 209px;
  background-repeat: no-repeat;
  background-position: center 20px;
}

/* line 121, ../sass/style.scss */
.caja-icono-categoria label {
  width: 100%;
  height: 100%;
}

/* line 124, ../sass/style.scss */
.caja-icono-habito {
  width: 170px;
  height: 220px;
  background-repeat: no-repeat;
  background-position: center 20px;
}

/* line 130, ../sass/style.scss */
.caja-icono-habito label {
  width: 100%;
  height: 100%;
}

/* line 133, ../sass/style.scss */
.reto-1-icon {
  background-image: url("../images/habitos/reto-1.png");
}

/* line 133, ../sass/style.scss */
.reto-2-icon {
  background-image: url("../images/habitos/reto-2.png");
}

/* line 133, ../sass/style.scss */
.reto-3-icon {
  background-image: url("../images/habitos/reto-3.png");
}

/* line 133, ../sass/style.scss */
.reto-4-icon {
  background-image: url("../images/habitos/reto-4.png");
}

/* line 133, ../sass/style.scss */
.reto-5-icon {
  background-image: url("../images/habitos/reto-5.png");
}

/* line 133, ../sass/style.scss */
.reto-6-icon {
  background-image: url("../images/habitos/reto-6.png");
}

/* line 133, ../sass/style.scss */
.reto-7-icon {
  background-image: url("../images/habitos/reto-7.png");
}

/* line 133, ../sass/style.scss */
.reto-8-icon {
  background-image: url("../images/habitos/reto-8.png");
}

/* line 133, ../sass/style.scss */
.reto-9-icon {
  background-image: url("../images/habitos/reto-9.png");
}

/* line 138, ../sass/style.scss */
.acepto input {
  margin-right: 20px;
}

/*FOOTER*/
/* line 141, ../sass/style.scss */
#footer-wrapper {
  background-image: url("../images/sobre.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 382px;
  margin-top: -400px;
  position: relative;
  z-index: 9999;
}

/* line 152, ../sass/style.scss */
#enviar {
  border-bottom: 1px solid #a90001 !important;
  color: #a90001 !important;
  font-size: 30px !important;
  padding-left: 50px !important;
  background-image: url("../images/pluma.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  cursor: pointer !important;
  height: 43px !important;
}

/* line 163, ../sass/style.scss */
#enviar:hover {
  color: #666666 !important;
}

/* line 164, ../sass/style.scss */
.social-wrapper {
  background-color: #4A7578;
  min-height: 250px;
  position: relative;
  margin-top: -120px;
  padding-top: 80px;
  border-bottom: 40px solid #2e4849;
}

/* line 172, ../sass/style.scss */
.social-wrapper p {
  text-align: center;
  color: #000;
  font-size: 15px;
}

/*FONDO FOOTER*/
/* line 178, ../sass/style.scss */
.footer-bg {
  background: url("../images/contrato-sharefooter.png") center no-repeat;
  height: 210px;
  position: relative;
  top: 40px;
}

/*CONTRATO*/
/* line 187, ../sass/style.scss */
ul {
  list-style: inside;
}

/* line 188, ../sass/style.scss */
ul li {
  font-family: Georgia;
  font-size: 19px;
  font-style: italic;
  color: #4D4D4D;
  text-align: justify;
}

/* line 196, ../sass/style.scss */
.sello-compromiso {
  background-image: url("../images/sello-contrato.png");
  background-repeat: no-repeat;
  width: 127px;
  height: 129px;
  background-position: center center;
}

/* line 203, ../sass/style.scss */
.sello-compromiso p {
  margin-top: 42px;
  font-size: 16px;
  text-align: center;
  font-weight: bold
}

/* line 209, ../sass/style.scss */
.linea-saludo {
  border-top: 1px solid #4a7578;
}

/* line 210, ../sass/style.scss */
.redes {
  padding-top: 15px;
}

/* line 211, ../sass/style.scss */
.saludo p {
  color: #4A7578;
  font-size: 16px;
  margin: 15px 0px !important;
}

/* line 212, ../sass/style.scss */
#add:hover {
  color: #666;
}

/* line 213, ../sass/style.scss */
#remove:hover {
  color: #666;
}


/*======================*/
/*Loader*/
/*======================*/

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(360deg);}
}

@-o-keyframes rotate {
    from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(360deg);}
}

@-ms-keyframes rotate {
    from {-ms-transform: rotate(0deg);}
to {-ms-transform: rotate(360deg);}
}

@keyframes rotate {
    from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

.rad-border {
    -webkit-border-radius: 100%;
    -moz-border-radius:    100%;
    -o-border-radius:      100%;
    -ms-border-radius:     100%;
    border-radius:         70px;
}

.circle-container {
    position: absolute;
    top: 50%;
    left: 50%;
}

.circle-content {
    position: absolute;
    width: 70px;
    height: 70px;
    -webkit-box-shadow: inset 0 1px 1px 1px #AAA;
    box-shadow: inset 0 1px 1px 1px #AAA;
    top: 10px;
    left: 10px;
}

.center-circle-image {
    width: 62px;
    height: 62px;
    background: #F6F6F6 url('../images/iso-logo-donde-reciclo.png') center center no-repeat;
    display: inline-block;
    -webkit-box-shadow: inset 0 1px 1px 1px #FFF;
    box-shadow: inset 0 1px 1px 1px #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -31px 0 0 -31px;
}

.circle-loader {
    width: 70px;
    height: 70px;
    background: #CCCCCC;
    margin: 10px 10px;
    display: inline-block;

    /* Transition */
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;

    /* Recent browsers */
    background: -webkit-gradient(linear, left top, right top, from(#50A612), to(#CCCCCC), color-stop(0.5, #50A612), color-stop(0.5, #CCCCCC));
    background: -moz-linear-gradient(left, #50A612, #50A612 50%, #CCCCCC 50%, #CCCCCC);
    background: -o-linear-gradient(left, #50A612, #50A612 50%, #CCCCCC 50%, #CCCCCC);
    background: -ms-linear-gradient(left, #50A612, #50A612 50%, #CCCCCC 50%, #CCCCCC);
    background: linear-gradient(left, #50A612, #50A612 50%, #CCCCCC 50%, #CCCCCC);

    /* Animation */
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotate;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotate;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.big-loader, .medium-loader, .small-loader, .tiny-loader {
    position: relative;
    display: block;
}

.big-loader {
    width: 120px;
    height: 120px;
}

.medium-loader {
    width: 90px;
    height: 90px;
}

.small-loader {
    width: 70px;
    height: 70px;
}

.tiny-loader {
    width: 20px;
    height: 20px;
}

.big-loader .circle-container {
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
}

.big-loader .circle-content {
    width: 100px;
    height: 100px;
    top: 10px;
    left: 10px;
}

.big-loader .circle-loader {
    width: 100px;
    height: 100px;
    margin: 10px;
}

.big-loader .center-circle-image {
    width: 86px;
    height: 86px;
    top: 50%;
    left: 50%;
    margin: -43px 0 0 -43px;
}

.medium-loader .circle-container {
    width: 90px;
    height: 90px;
    margin: -45px 0 0 -45px;
}

.medium-loader .circle-content {
    width: 70px;
    height: 70px;
    top: 10px;
    left: 10px;
}

.medium-loader .center-circle-image {
    width: 62px;
    height: 62px;
    top: 50%;
    left: 50%;
    margin: -31px 0 0 -31px;
}

.medium-loader .circle-loader {
    width: 70px;
    height: 70px;
    margin: 10px;
}

.small-loader .circle-container {
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
}

.small-loader .circle-content {
    width: 50px;
    height: 50px;
    top: 10px;
    left: 10px;
}

.small-loader .circle-loader {
    width: 50px;
    height: 50px;
    margin: 10px;
}

.small-loader .center-circle-image {
    width: 42px;
    height: 42px;
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -21px;
}

.tiny-loader .circle-container {
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
}

.tiny-loader .circle-content {
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
}

.tiny-loader .circle-loader {
    width: 14px;
    height: 14px;
    margin: 3px;
}

.tiny-loader .center-circle-image {
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    background-image: none;
}

/*FIXED LOADER*/
#fixedLoader {width: 100%; background-image: url('../images/fff-0.8.png'); position: fixed; z-index: 9999}
#fixedLoader img {display: block; margin: 0}
#fixedLoader .center-circle-image {margin-top: -33px}

/*FIRMAR NUEVO*/
#firmarNuevo{
    width: 149px;
    height: 82px;
    background-image: url('../images/firma-nuevo.png');
    background-position: 151px 0;
    display: block;
}
#firmarNuevo:hover{background-position: 0 0;}